<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">

    <title>双色球</title>
    <!-- <script>!function(e){function t(a){if(i[a])return i[a].exports;var n=i[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=window;t["default"]=i.flex=function(e,t){var a=e||100,n=t||1,r=i.document,o=navigator.userAgent,d=o.match(/Android[\S\s]+AppleWebkit\/(\d{3})/i),l=o.match(/U3\/((\d+|\.){5,})/i),c=l&&parseInt(l[1].split(".").join(""),10)>=80,p=navigator.appVersion.match(/(iphone|ipad|ipod)/gi),s=i.devicePixelRatio||1;p||d&&d[1]>534||c||(s=1);var u=1/s,m=r.querySelector('meta[name="viewport"]');m||(m=r.createElement("meta"),m.setAttribute("name","viewport"),r.head.appendChild(m)),m.setAttribute("content","width=device-width,user-scalable=no,initial-scale="+u+",maximum-scale="+u+",minimum-scale="+u),r.documentElement.style.fontSize=a/2*s*n+"px"},e.exports=t["default"]}]); flex(100, 1);</script> -->
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/YD_calendar.min.css">
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <script src="__PUBLIC__/js/YD_calendar.min.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/rem.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan style='display:none;' id='cnzz_stat_icon_"+<!--{$channelID}-->+"'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s19.cnzz.com/z_stat.php%3Fid%3D"+<!--{$channelID}-->+"' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <style>
        body{background-color:#A51F2A;}
        .master{padding: 7px;background-color: #A51F2A;}
        .zm_form .zm_form_wrap{padding:7px;margin:0;}
        .zm_form .zm_form_wrap ul{background-color: #FEF8EE;border-color: #e0caab;}
        .zm_form .zm_form_wrap ul li{border-color: #f3d59f;}
        .cs_btn{
            width: 7.23rem;
            height: 1.13rem;
            margin: .35rem auto 0;
            
            background: url(__PUBLIC__/images/color2/v1/shouye_but.png) 98% center no-repeat;
            background-size: 100% 100%;
        }
        .form_bottom{color:#ffffff;}
        .form_bottom b {color: #fcb005;padding: 0 5px;}
        .form_bottom a {color: #fcb005;text-decoration:underline;padding-left: 20px;}

        .pay_know{margin:0px 7px 0px;background-color:#361003;}
        .pay_know .title{
            text-align: center;
            margin:0 46px 20px;
            height:35px;
            line-height: 35px;
            font-size:12px;
            background-color:#945A29;
            color:#ffffff;
        }
        .imgBox{display: flex;display: -webkit-flex;align-items: center;justify-content: center;margin-top:22px;margin-bottom: 25px;}
        .pay_know .msguser1{width:80%;height:64px;margin:0 5px 0 0}
        .msguser{width:57px;height:57px;}
        .pay_know .mgt30{margin: 30px 46px 20px;}
        .hot_cs{border-bottom:3px solid #E0E0E0;border: none;margin:0 7px 7px;}
        .hot_title{background-color:#e3a25a;}
        .hot_cs .hot_ul{border:none;background-color:#301005;}
        .hot_cs .hot_ul li p{color:#ffffff;}
        .footer_severs{background-color:#A51F2A;color:#ffffff;}
        .pb20{padding:0 7px;}
    </style>
    <style>
        #_form{
            width: 7.50rem;
            height: 3.86rem;
            background: url(__PUBLIC__/images/color2/v1/shouye_2.png) 98% center no-repeat;
            background-size: 100% 100%;
        }
    .zm_form .zm_form_wrap .form_auto .Js_date{
        background: url(__PUBLIC__/images/color2/v1/gengduo.png) 98% center no-repeat;
        background-size: .24rem .24rem;
    }
    .zm_form .zm_form_wrap ul {
	width: 7.10rem;
	height: 2.07rem;
	background-color: #ffffff;
	box-shadow: .00rem .06rem .27rem .00rem 
		rgba(213, 58, 58, 0.19);
	border-radius: .20rem;
	border: solid .02rem #dfc1b6;
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;

}
.zm_form .zm_form_wrap ul li{
    flex: auto;
    display: flex;
    align-items: center;
    padding-left: 0.2rem;
    padding-right: 0.5rem;
    box-sizing: border-box;
}
.zm_form .zm_form_wrap ul li .form_auto{
    flex: auto;
}
.zm_form .zm_form_wrap ul li .form_left{
    font-size: .36rem;
    color: #d23037;
}
img.btm{
    width: 7.5rem;
    height: auto;
    display: block;
}
.footer_severs{
    background: url(__PUBLIC__/images/color2/v1/shouye_2.png) 98% center no-repeat;
            background-size: 100% 100%;
            
}
.footer_severs p{
    color: #fff !important;
}
    </style>
</head>
<body>
<!--cnzz统计-->
<div style="display:none">
    <script type="text/javascript" src="https://s4.cnzz.com/z_stat.php?id=1278195086&web_id=1278195086"></script>
</div>

    <include file="Public/header"/>
    <div class="zm_banner">
        <img src="__PUBLIC__/images/color2/v1/shouye_1.png" width="100%" />
    </div>
    <!-- <div class="master" id="scrollT">
        <img src="__PUBLIC__/images/bzcy_img/dashijieshao@2x.png" width="100%"/>
    </div> -->
    <form id="_form" class="zm_form" action="<!--{:U('DoubleColour/liuyao','',false)}-->" method="post" id="forms">
        <div class="zm_form_wrap">
            <ul>
                <li>
                    <div class="form_left">选号时间</div>
                    <div class="form_auto">
                            <div type="text" class="Js_date" data-date="1985-04-18-0" id="datetime1"  data-id="lotteryDate">请选择你的选号时间</div>
                        <input type="hidden" id="lotteryDate" name="lotteryDate"  value="" >
                    </div>
                </li>
                <li>
                    <div class="form_left">出生日期</div>
                    <div class="form_auto">
                            <div type="text" class="Js_date" data-date="1985-04-18-7" id="datetime" data-id="birthday">请选择你的出生日期</div>
                        <input type="hidden" id="birthday" name="birthday"  value="" >
                    </div>
                </li>
            </ul>
        </div>
        <a href="javascript:;" class="cs_btn"></a>
        <!-- <div class="form_bottom"> -->
            <!-- 已有<b>{$Think.cookie.bzcycs}</b>人测算<a href="/zhiming/index.php/Home-Index-mycesuan" class="oldtm">查看历史订单</a> -->
        <!-- </div> -->
    </form>
    <img class="btm" src="__PUBLIC__/images/color2/v1/shouye_3.png" width="100%"/>
    <!-- 提示收藏 -->
    <include file="Public/index_SC" />
    <!-- 热门测算 -->
   <div class="hot_cs">
       <include file="Public/zhiming" />
    </div>

    <!-- 脚 -->
    <footer class="footer_severs">
        <include file="Public/bottom-index" />
    </footer>

    <!-- <div class="fiex_bt" id="fiex">
        <a href="javascript:;">我也算算</a>
    </div> -->
</body>

    <script>
        console.log(window.location.href);
        //测算底部悬浮
        $(function(){
            var topShow=$(".cs_btn");
            if(topShow.length){
                var topShow=topShow.offset().top;
                var testBtn=$("#fiex");
                $(window).scroll(function(){
                    var wt=$(window).scrollTop();
                    wt>topShow?(testBtn.fadeIn(),$('.footer_severs').css('padding-bottom','1.2rem')):(testBtn.fadeOut(),$('.footer_severs').css('padding-bottom','0.4rem'));
                });
                // goTop
                $('#fiex').on('click',function(){$('html,body').animate({scrollTop:$('#scrollT')[0].offsetTop},500)});

//                $.getJSON("<!--{:U('Index/indexXfan','',false)}-->",{csName:'SSQ'},function(data){//首页-悬浮按钮统计
//                });
            }
        });
        var date = new Date()
        var year = date.getFullYear()
        var month = date.getMonth()+1
        var day = date.getDate()
        month =String.prototype.padStart.call(month,2,'0')
        day =String.prototype.padStart.call(day,2,'0')
        console.log('year month day')
        console.log(year ,month, day)
        document.getElementById('datetime1').dataset.date = year +'-'+month+'-'+ day+'-'+'0'
        var calendar1 = new lCalendar().init('#datetime');//男
        var calendar2 = new lCalendar().init('#datetime1');//男


        $(".cs_btn").on('click',function(){
            if($("[name='birthday']").val() == ""){
                layer.msg("请选择出生时辰");
                return false;
            }
            if($("[name='lotteryDate']").val() == ""){
                layer.msg("请选择选号时间");
                return false;
            }
            // var ld = $("[name='lotteryDate']").val().replace(/^\d-/,'').replace(/-\d+$/,'')
            // if(ld<year +'-'+month+'-'+ day){
            //     layer.msg("请选择当期的选号时间");
            //     return false;
            // }

            
            $.getJSON("<!--{:U('Index/indexLjcs','',false)}-->",{csName:'SSQ'},function(data){//首页-立即测算统计
            });
            var oli = layer.load();
            setTimeout(function(){
                layer.closeAll('loading');
                layer.msg('订单提交成功', {icon: 1});
                setTimeout(function(){
                    $('#_form').submit();
                },1300);
            },1000);
        });

        // 选择按钮
        // var obut_man = document.getElementById('but_man');
        // var obut_woman = document.getElementById('but_woman');
        // var osex = document.getElementById('sex');
        //     obut_man.onclick = function(){
        //         obut_man.classList.add("on");
        //         osex.value = 1;
        //         obut_woman.classList.remove('on') 
        //     }
        //     obut_woman.onclick = function(){
        //         obut_woman.classList.add("on");
        //         osex.value = 0;
        //         obut_man.classList.remove('on');
        //     };



    </script>

</html>
